@import "base";
@import "normalize";
@import "variable";

.m_container{
  height: 2000px;
}
.m_category{
  border-radius: 10rem/@base;
  margin-top: -15rem/@base;
  >li{
    .category_tit{
      height: 100%;
      line-height: 80rem/@base;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      background-color: #ededed;
      padding-left: 15rem/@base;
      padding-right: 20rem/@base;
      &:last-child{
        border-bottom: 1px solid #ccc;
      }
      span{
        font-size: 38rem/@base;
        &.arrow_down{
          margin-top: 35rem/@base;
          width: 32rem/@base;
          height: 10rem/@base;
        }
      }
    }
    .category_content{
      display: none;
      ol{
        li{
          float: left;
          width: 33.3%;
          border-right: 1px solid #ccc;
          border-bottom: 1px solid #ccc;
          a{
            display: block;
            height: 80rem/@base;
            line-height: 80rem/@base;
            text-align: center;
            font-size: 32rem/@base;
          }
        }
      }
    }
  }
}